body{
	word-wrap: break-word;
	word-break: break-all;
	min-width: 640rpx;
}
/* 火狐美化滚动条 */
* {
    scrollbar-color: #c8d2e0 #f3f4f9;
    /* 滑块颜色  滚动条背景颜色 */
    scrollbar-width: none;
    /* 滚动条宽度有三种：thin、auto、none */
  }
/* #ifdef APP-PLUS */
*::-webkit-scrollbar {
	display: none;
	width: 0px;
	height: 0px;
}
/* #endif */
/* #ifdef H5 */
// *::-webkit-scrollbar {
// 	display: block;
// 	width: 5px;
// 	height: 5px;
// }

// *::-webkit-scrollbar-track-piece {
// 	background-color: rgba(0, 0, 0, 0.2);
// 	border-radius: 6px;
// }

// *::-webkit-scrollbar-thumb:vertical {
// 	height: 5px;
// 	background-color: rgba(125, 125, 125, 0.7);
// 	border-radius: 6px;
// }

// *::-webkit-scrollbar-thumb:horizontal {
// 	width: 5px;
// 	background-color: rgba(125, 125, 125, 0.7);
// 	border-radius: 6px;
// }
/* #endif */
uni-button{
	margin: 0;
	font-size: 28rpx;
}
.xd-box-shadow{
	box-shadow: 0px 2rpx 4rpx rgba(0, 0, 0, .35);
	border-radius: 10rpx;
}
.xd-btn-text{
	display: inline-block;
	background-color: #55acee;
	color: #FFFFFF;
	font-size: 32rpx;
	height: 70rpx;
	line-height: 70rpx;
	border-radius: 8rpx;
}
.stu-btn-text{
	display: inline-block;
	background-color: #55acee;
	color: #FFFFFF;
	font-size: 32rpx;
	height: 70rpx;
	line-height: 70rpx;
	border-radius: 8rpx;
}
.size-h2{
	font-size: 36rpx;
	color: #000;
}
.size-h1{
	font-size: 48rpx;
	color: #000;
}
.show-list-btn{
	display: inline-block;
	height: 50rpx;
	line-height: 50rpx;
	padding: 0 24rpx;
	background-color: #55acee;
	color: #FFFFFF;
	border-radius: 10rpx;
	font-size: 24rpx;
	white-space: nowrap;
}
.change-role{
	position: absolute;
	bottom: 120rpx;
	right: 48rpx;
	width: 100rpx;
	height: 100rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	text-align: center;
	background: rgb(5, 218, 247);
	border-radius: 50rpx;
	color: #fff;
	box-shadow: 0 4rpx 10rpx 0 rgba(5, 218, 247, 0.4);
}
.popup-top{
	top: 50%;
	transform: translate(-50%, -50%);
    position: fixed;
    left: 50%;
	width: 600rpx;
	border-radius: 24rpx;
	background-color: #FFFFFF;
	box-sizing: border-box;
	overflow: hidden;
}
// 选择导师弹窗
.select-tea{
	position: absolute;
	width: 100%;
	// bottom: 0;
	color: #666666;
	background: #FFFFFF;
	border-radius: 24rpx 24rpx 0 0;
	overflow: hidden;
	bottom: 0;
	padding-bottom: 40rpx;
	box-sizing: border-box;
	font-size: 32rpx;
	.select-head{
		height: 88rpx;
		background-color: #FFFFFF;
		border-bottom: 2rpx solid #e5e5e5;
		padding: 0 40rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.wk-btn{
			color: #888;
			font-size: 32rpx;
		}
	}
	.search-box{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 24rpx 0;
		border-bottom: 2rpx solid #e4e4e4;
		margin: 0 40rpx;
		input{
			width: 100%;
		}
		text{
			margin-left: 24rpx;
			white-space: nowrap;
			display: inline-block;
			color: #55acee;
			font-size: 32rpx;
			height: 48rpx;
			line-height: 48rpx;
			padding: 0 16rpx;
			border-radius: 8rpx;
			border: 2rpx solid #55acee;
		}
	}
	.list{
		margin-top: 16rpx;
		padding: 0 40rpx;
	}
	.item{
		height: 88rpx;
		line-height: 88rpx;
		padding-left: 24rpx;
		border-radius: 16rpx;
		&.active{
			background-color: #F2F2F2;
		}
	}
}
// 评价/查看评价 弹窗
.pingjia-pop {
	left: 50%;
	transform: translate(-50%, -50%);
	.title{
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 100rpx;
		padding: 0 48rpx;
		background-color: #f2f2f2;
		text{
			font-size: 32rpx;
			font-weight: 650;
		}
		.close{
			width: 40rpx;
			height: 40rpx;
		}
	}
	.name-grade{
		margin-top: 40rpx;
		padding: 0 48rpx;
		font-size: 32rpx;
		text{
			font-size: 10px;
		}
	}
	.content{
		margin: 40rpx 48rpx;
		// border: 2rpx solid #e4e4e4;
		border-radius: 8rpx;
		padding: 24rpx 24rpx 12rpx;
		
	}
	.h2{
		display: flex;
		justify-content: space-between;
		align-items: center;
		.angle{
			position: relative;
			padding-left: 24rpx;
			&::after{
				content: '';
				position: absolute;
				width: 8rpx;
				height: 36rpx;
				border-radius: 4rpx;
				top: 0;
				left: 0;
				background-color: #8FE1EC;
			}
		}
		.time{
			font-size: 24rpx;
		}
	}
	.com-text{
		position: relative;
		.ct-num{
			position: absolute;
			bottom: 24rpx;
			right: 24rpx;
			font-size: 24rpx;
			color: #999;
		}
	}
	textarea.text, .desc{
		margin-top: 36rpx;
		width: 400rpx;
		border: 2rpx solid #e4e4e4;
		border-radius: 8rpx;
		padding: 24rpx;
	}
	textarea.text{
		height: 200rpx;
		font-size: 28rpx;
	}
	.desc{
		max-height: 200rpx;
		overflow-y: scroll;
	}
	.image-list{
		margin: 24rpx 8rpx 0;
		display: flex;
		flex-wrap: wrap;
		.img-item{
			width: 112rpx;
			height: 112rpx;
			margin-bottom: 12rpx;
			margin-right: 50rpx;
			border: 2rpx dashed #e4e4e4;
			border-radius: 4rpx;
			
			box-sizing: border-box;
			&:nth-child(3n){
				margin-right: 0;
			}
		}
		.box{
			
			padding: 16rpx;
			
		}
		image{
			width: 80rpx;
			height: 80rpx;
		}
		.upload-img{
			display: flex;
			justify-content: center;
			align-items: center;
			image{
				width: 48rpx;
				height: 48rpx;
			}
		}
	}
	.conform-btn{
		margin: 48rpx auto;
		display: block;
		width: 200rpx;
		height: 72rpx;
		line-height: 72rpx;
		border-radius: 36rpx;
		text-align: center;
		color: #fff;
		font-size: 32rpx;
		background-color: #8FE1EC;
	}
}
.audit-pop{
	left: 50%;
	transform: translate(-50%, -50%);
	.title{
		position: relative;
		text-align: center;
		padding: 24rpx 48rpx;
		font-size: 0;
		text{
			font-size: 32rpx;
		}
		.close{
			position: absolute;
			right: 48rpx;
			top: 24rpx;
			width: 40rpx;
			height: 40rpx;
		}
	}
	.h2{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 48rpx;
		.angle{
			position: relative;
			padding-left: 24rpx;
			&::after{
				content: '';
				position: absolute;
				width: 8rpx;
				height: 36rpx;
				border-radius: 4rpx;
				top: 0;
				left: 0;
				background-color: #8FE1EC;
			}
		}
		.time{
			font-size: 24rpx;
		}
	}
	
	.com-hs{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.total-score{
		// margin-top: 24rpx;
		height: 100rpx;
		padding: 0 48rpx;
		background-color: #f2f2f2;
		border-bottom: 2rpx solid #e4e4e4;
		.btn{
			width: 100rpx;
			height: 48rpx;
			line-height: 48rpx;
			background-color: #8FE1EC;
			border-radius: 8rpx;
			text-align: center;
			color: #FFFFFF;
		}
	}
	.his-score{
		height: 100rpx;
	}

	.his-score, .ts-item{
		display: flex;
		align-items: center;
		.h3{
			font-size: 32rpx;
		}
		.xing-box{
			margin-left: 40rpx;
			display: flex;
			font-size: 0;
			.x-item{
				position: relative;
				width: 34rpx;
				height: 36rpx;
				margin-right: 8rpx;
			}
			.x-border{
				position: absolute;
				top: 0;
				left: 0;
			}
		}
		.xing, .x-border{
			
			width: 34rpx;
			height: 36rpx;
		}
		.num{
			margin-left: 40rpx;
		}
	}
	.ac-content{
		margin-top: 40rpx;
		.content{
			padding: 0 48rpx;
		}
	}
	.image-list{
		margin: 24rpx 82rpx 40rpx;
		display: flex;
		flex-wrap: wrap;
		.img-item{
			width: 112rpx;
			height: 112rpx;
			margin-bottom: 12rpx;
			margin-right: 50rpx;
			border: 2rpx dashed #e4e4e4;
			border-radius: 4rpx;
			padding: 16rpx;
			box-sizing: border-box;
			&:nth-child(3n){
				margin-right: 0;
			}
		}
		image{
			width: 80rpx;
			height: 80rpx;
		}
	}
	.teachers-score{
		padding: 24rpx 48rpx 40rpx;
		.ts-h2{
			margin-bottom: 24rpx;
			font-size: 28rpx;
		}
		.h3{
			font-size: 28rpx;
		}
		.ts-item{
			margin-top: 24rpx;
		}
	}
}
// 学生端任务页面
.task-page{
	
	textarea{
		font-size: 24rpx;
		
	}
	.textarea-placeholder{
		color: #d7d7d7;
	}
	.tp-icon{
		width: 52rpx;
		height: 52rpx;
		vertical-align: -12rpx;
		margin-right: 8rpx;
	}
	.flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.size-h2{
		padding: 12rpx 0 12rpx 20rpx;
		margin: 0 12rpx;
		border-bottom: 2rpx solid #F2F2F2;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 28rpx;
		.t-title{
			display: inline-block;
			width: 130rpx;
		}
		.com{
			color: #55acee;
			font-size: 24rpx;
			display: inline-block;
			width: 180rpx;
			text-align: center;
		}
	}
	.search-date{
		// margin-right: 24rpx;
		font-size: 28rpx;
		color: #555555;
		text-align: right;
		&.flex{
			display: flex;
			justify-content: space-between;
			align-items: center;
			
		}
		.tab-record{
			.record-btn{
				display: inline-block;
				padding: 0 24rpx;
				height: 46rpx;
				line-height: 46rpx;
				font-size: 24rpx;
				color: #d7d7d7;
				margin-right: 16rpx;
				&.btn-active{
					color: #333;
				}
			}
		}
		image{
			margin-left: 8rpx;
			vertical-align: -14rpx;
			width: 52rpx;
			height: 52rpx;
			color: #55ACEE;
		}
	}
	.box-item{
		margin-bottom: 32rpx;
		background-color:#fff;
		border-radius: 8rpx;
		overflow: hidden;
		.state-type{
			margin-right: 24rpx;
			height: 40rpx;
			line-height: 40rpx;
			padding: 0 8rpx;
			font-size: 24rpx;
			background-color: #F2F2F2;
			border-radius: 8rpx;
			color: #55acee;
			white-space: nowrap;
			&.state3{
				background: transparent;
			}
		}
	}
	
	.no-list{
		padding-top: 24rpx;
		text-align: center;
		font-size: 24rpx;
	}
	.imgs{
		font-size: 0;
		.image{
			display: inline-block;
			font-size: 0;
			position: relative;
			margin-right: 26rpx;
			margin-top: 24rpx;
			&:nth-child(5n){
				margin-right: 0;
			}
			text{
				position: absolute;
				top: -12rpx;
				right: -12rpx;
			}
		}
		image{
			width: 90rpx;
			height: 90rpx;
			background-color: #FFFFFF;
			border-radius: 4rpx;
			
		}
	}
	.weekly-monthly{
		.select-cert, .cb-content{
			width: 236rpx;
			margin-right: 32rpx;
			padding: 4rpx 8rpx;
		}
		.sc-btn{
			display: inline-block;
			height: 40rpx;
			line-height: 40rpx;
			padding: 0 12rpx;
			color: #fff;
			background: #55acee;
			border-radius: 10rpx;
			font-size: 24rpx;
			&.del{
				background: transparent;
				border: 2rpx solid #aaa;
				color: #aaa;
				line-height: 32rpx;
				box-sizing: border-box;
			}
		}
		.share-content{
			background-color: #FFFFFF;
			border-radius: 8rpx;
			padding: 24rpx;
			font-size: 24rpx;
			
			.sc-btn{
				margin-right: 24rpx;
			}
			
			.submit{
				margin-top: 24rpx;
				text-align: right;
				text{
					padding: 0 24rpx;
				}
			}
		}
		
        .submit-week{
			margin-top: 48rpx;
			width: 100%;
			text-align: center;
		}
	}
}
.message-prompt{
	// background-color: #f2f2f2;
	position: fixed;
	top: 100rpx;
	left: calc(var(--window-left) + 75rpx);
	right: calc(var(--window-right) + 75rpx);
	width: 600rpx;
	box-sizing: border-box;
	z-index: 1000;
	.mp-item{
		background: #fff;
		display: flex;
		align-items: center;
		height: 168rpx;
		border-radius: 10rpx;
		padding-left: 24rpx;
	}
	.head{
		width: 100rpx;
		height: 100rpx;
		border-radius: 10rpx;
		margin-right: 24rpx;
		object-fit: cover;
	}
	.cont{
		width: calc(100% - 172rpx);
		height: 100rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.name{
			font-weight: 700;
			font-size: 28rpx;
		}
		.text{
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin-top: 16rpx;
			font-size: 24rpx;
		}
	}
}
uni-editor {
	
	.ql-editor{
		
		font-size: 28rpx;
		&.ql-blank:before{
			font-style: normal;
		}
	}
	.ql-editor.ql-blank:before{
		color: #999;
	}
	&.ql-container-list{
		p{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
			white-space: pre-line;
		}
	}
	&.ql-container-share{
		p{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			line-clamp: 1;
			-webkit-box-orient: vertical;
			white-space: pre-line;
		}
	}
}
.editor-emoji-iamge{
	vertical-align: sub;
}
